<!-- 视频板块 -->
{% extends "base.html" %}
{% block title %}抗疫视频{% endblock %}
{% block content %}
<div class="col-lg-2.5" style="float: right;margin-top: 30px;margin-right: 25px;width: 20%">
    <div class="inbox-email-menu-list compose-b-mg-30 shadow-reset">
        <div class="compose-email">
            <a>更多 More</a>
        </div>
        <ul class="nav nav-tabs">
            <li><a href="/videonews/公安干警"><span class="inbox-icon"><i class="glyphicon glyphicon-screenshot" aria-hidden="true"></i></span> 公安干警<span class="count-inbox" style="margin-left: 75px">{{ Police }}</span></a></li>
            <li><a href="/videonews/医护人员"><span class="inbox-icon"><i class="glyphicon glyphicon-plus"></i></span> 医护人员<span class="count-inbox count-inbox-red" style="margin-left: 75px">{{ Doctor }}</span></a></li>
            <li><a href="/videonews/志愿者"><span class="inbox-icon"><i class="glyphicon glyphicon-heart"></i></span> 志愿者<span class="count-inbox" style="margin-left: 89px">{{ Volunteers }}</span></a></li>
            <li><a href="/videonews/消防员"><span class="inbox-icon"><i class="glyphicon glyphicon-briefcase "></i></span> 消防员<span class="count-inbox count-inbox-red" style="margin-left: 89px">{{ Fireman }}</span></a></li>
            <li><a href="/videonews/社区工作者"><span class="inbox-icon"><i class="fa fa-star" aria-hidden="true"></i></span> 社区工作者<span class="count-inbox" style="margin-left: 61px">{{ Worker }}</span></a></li>
            <li><a href="/videonews/教师"><span class="inbox-icon"><i class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></i></span> 教 师<span class="count-inbox count-inbox-red" style="margin-left: 98px">{{ Teacher }}</span></a></li>
            <li><a href="/videonews/文职人员"><span class="inbox-icon"><i class="fa fa-file-text-o" aria-hidden="true"></i></span> 文职人员<span class="count-inbox" style="margin-left: 75px">{{ Civilian }}</span></a></li>
            <li><a href="/videonews/党员"><span class="inbox-icon"><i class="glyphicon glyphicon-flag" aria-hidden="true"></i></span> 党 员<span class="count-inbox count-inbox-red" style="margin-left: 98px">{{ Party }}</span></a></li>
            <li><a href="/videonews/司机"><span class="inbox-icon"><i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i></span> 司 机<span class="count-inbox" style="margin-left: 98px">{{ Driver }}</span></a></li>
            <li><a href="/videonews/退役军人"><span class="inbox-icon"><i class="fa fa-bolt" aria-hidden="true"></i></span> 退役军人<span class="count-inbox count-inbox-red" style="margin-left: 80px">{{ Army }}</span></a></li>
        </ul>
    </div>
<div style="text-align: center">
        <nav>
            <ul class="pagination">
                {% if movie.has_previous %}
                <li>
                    <a href="?page={{ movie.previous_page_number }}">
                        <span>&laquo;</span>
                    </a>
                </li>
                {% else %}
                <li class="disabled">
                    <a>
                        <span>&laquo;</span>
                    </a>
                </li>
                {% endif %}
                {% for number in movie.paginator.page_range %}
                    {% if movie.number == number %}
                        <li class="active"><a href="?page={{ number }}">{{ number }}</a> </li>
                    {% else %}
                        <li><a href="?page={{ number }}">{{ number }}</a> </li>
                    {% endif %}
                {% endfor %}
                {% if movie.has_next %}
                    <li>
                        <a href="?page={{ movie.next_page_number }}">
                            <span>&raquo;</span>
                        </a>
                    </li>
                {% else %}
                    <li class="disabled">
                        <a>
                            <span>&raquo;</span>
                        </a>
                    </li>
                {% endif %}
            </ul>
        </nav>
    </div>
</div>

    {% for mv in movie %}
        {% cycle "<div class='row' style='margin-top:-320px;margin-left:15px'> <div class='col-md-3'>" "<div class='col-md-3'>" "<div class='col-md-3'>" %}
                <div class="panel-body"><iframe width="100%" height="220px" src="{{ mv.source }}" frameborder="0" allowfullscreen="ture"></iframe></div>
                <div class="panel-footer" id="DH" style="margin-top: -20px;text-align: center">{{ mv.title }}</div>
                <div class="panel-footer" style="background-color:{% cycle "orange" "LightSkyBlue" "Magenta" "MediumTurquoise" "MediumSlateBlue" "Orangered" %};height: 40px;width: 100.6%;margin-left: -1px">
                    <p style="color: white;">发布时间: {{ mv.pub_date | date:'Y年m月d日 H:i'}}</p>
            </div>
        </div>
        {% cycle "" "" "</div>" %}
    {% endfor %}
{% endblock %}